<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>分类商品</title>
    <link rel="stylesheet" type="text/css" href="../../../css/aui/aui.css" />
    <style>
        #app {
            width: 70%;
            margin: 3rem auto;
        }

        .pay_info {
            display: flex;
        }

        .pay_prompt {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-left: .75rem;
            padding: .3rem 0;
        }

        .pay_prompt .top {
            color: #FF2C5C;
            font-size: .75rem;
        }

        .pay_prompt .bottom {
            font-size: .7rem;
            color: #9D9D9D;
        }

        .btn_content {
            display: flex;
            justify-content: space-between;
            margin-top: .75rem;
        }

        .btn {
            padding: .3rem 1rem;
            background: #F9F9F9;
            border: 1px solid #F0F0F0;
        }
    </style>
</head>

<body>
    <div id="app">
        <div class="pay_info">
            <div><img src="../../../image/icon/chenggong.png" alt=""></div>
            <div class="pay_prompt">
                <div class="top">付款成功啦！</div>
                <div class="bottom">本商城不会以付款异常为由要求您退款，谨防诈骗</div>
            </div>
        </div>
        <div class="btn_content">
            <div class="btn" @click="lookOrder()">查看订单</div>
            <div class="btn" @click="shopping()">继续购物</div>
        </div>
    </div>
</body>
<script src="../../../script/api.js" charset="utf-8"></script>
<script src="../../../script/common/jquery-3.3.1.min.js" charset="utf-8"></script>
<script src="../../../script/common/common.js" charset="utf-8"></script>
<script src="../../../script/common/config.js" charset="utf-8"></script>
<script src="../../../script/common/vue.min.js" charset="utf-8"></script>
<script>
    apiready = function() {
        api.parseTapmode();

        //关闭订单相关页面
        setTimeout(function() {
            set_sendEvent('order_ok');
        }, 500)
    }
    var vm = new Vue({
        el: "#app",
        data: {},
        methods: {
            lookOrder() {
                open_w('mall_rights_win', '../../my/mall_rights/mall_rights_win.html');
            },
            shopping() {
                close_w();
            }
        }
    });
</script>

</html>
